<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                template="../../resources/plantilla/AdminPlantilla.xhtml">

    <ui:define name="content">
       <div style="background-color: #cccccc; height: 30px;">
            <div style="text-align: center; color:#ffffff; font-size: 1.3em;">MAPA ESTRATEGICO</div>

        </div>
        <div>
            <h:form> 
                <p:commandButton id="button1" value="Generar Mapa" action="#{gerarquiaController.generarMapa}" update="foto:imagen" ajax="false"/>
                
            </h:form>
            <h:form id="foto">
                 <p:scrollPanel style="width:100%; height:600px" mode="edge">
                    
                     <p:graphicImage id="imagen" value="../../resources/grafo1.gif" style="margin: 0 auto; -webkit-user-select: none; cursor: zoom-in;"/>
                </p:scrollPanel>
            </h:form>
            
        </div>
    </ui:define>
</ui:composition>
